<template>
  <div class="myorder">
    <div class="contents main clear_fix">
      <div class="myCart orders ">
            <div class="cartHeader ">
                <span>我的订单</span>
            </div>

            <div class="userOrderInfo clear_fix ">
                <div class="infoleft ">
                    收货地址
                </div>
                <div class="inforight ">
                    <p>
                        <span> 收&nbsp;货&nbsp;&nbsp;人：</span><input type="text " id="consignee ">
                    </p>
                    <p>
                        <span>所在地区:</span><select id="area ">
                            <option value="请选择 " >请选择</option>
                        </select>
                    </p>
                    <p>
                        <span>详细地址：</span><textarea name=" " id="address "></textarea>
                    </p>
                    <p>
                        <span>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;编：</span><input type="text " id="email ">
                    </p>
                    <p>
                        <span>手&nbsp;机&nbsp;&nbsp;号：</span><input type="text " id="tel ">
                    </p>
                    <p>
                        <button id="btntrue ">确认收获信息</button>
                    </p>
                </div>
            </div>

            <div class="cartContent ">
                <div class="orderlist clear_fix ">
                    <div class="cartContent-left ">
                        订单<span>1</span><input type="checkbox " class="orderCheckbox ">
                    </div>
                    <table>
                        <thead>
                            <tr>
                                <th>商品图片</th>
                                <th>商品名称</th>
                                <th>数量</th>
                                <th>单价(元)</th>
                                <th>金额</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><img src="../../../public/images/food/middle/cat01_1_2.jpg" alt=" " title="非常宠猫食蓝猫成猫幼猫一件代发宠物食品批发散装猫粮食品批发散装猫粮 "></td>
                                <td>
                                    <p>非常宠猫食蓝猫成猫幼猫一件代发宠物食品批发散装猫粮食品批发散装猫粮</p>
                                </td>
                                <td>3</td>
                                <td>37.00</td>
                                <td class="ordersPrice ">376.00</td>
                            </tr>
                            <tr>
                                <td><img src="../../../public/images/food/middle/cat01_1_2.jpg" alt=" " title="非常宠猫食蓝猫成猫幼猫一件代发宠物食品批发散装猫粮食品批发散装猫粮 "></td>
                                <td>
                                    <p>非常宠猫食蓝猫成猫幼猫一件代发宠物食品批发散装猫粮食品批发散装猫粮</p>
                                </td>
                                <td>3</td>
                                <td>37.00</td>
                                <td class="ordersPrice ">376.00</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="cartFooter ">
                <span>应付总额(免运费):</span><i id="ordersAmount ">0</i><span>元</span>
                <a id="submitOrders ">提交订单</a>
            </div>
            <!-- 密码框 -->
            <div class="tipsPassword ">
                <div class="tipstitle ">
                    <span>请输入密码</span>
                    <span id="tipsback ">返回</span>
                </div>
                <div class="tips ">
                    <input type="password ">
                    <input type="password ">
                    <input type="password ">
                    <input type="password ">
                    <input type="password ">
                    <input type="password ">
                </div>
            </div>
        </div>
    </div>
  </div>
</template>
<script>
export default {
  data: () => ({})
}
</script>
<style lang="scss" scoped>
</style>